<template>
    <dl class="dl-item">
        <dt>
            <img :src="url" alt="">
        </dt>
        <dd>
            <h2>{{title}}</h2>
            <p>{{con}}</p>
            <span>{{price}}</span>
            <count :num="num" :id="id"></count>
        </dd>
    </dl>
</template>

<script>
import count from './count'
export default {
    props:['url','title','con','price','num','id'],
    components:{
        count
    }
}
</script>
<style lang="scss">
    .dl-item{
        width:100%;
        display: flex;
        padding:10px;
        dt{
            img{
                width:80px;
                height: 80px;
                margin-right:10px;
            }
            margin-right:10px;
        }
        border-bottom:1px solid gray;
    }
</style>
